<template>
<div class="layoutHome-wrap">

    <!--left start-->
    <div class="layout-sidebar-wrap">          
        <layout-sidebar></layout-sidebar>
    </div>
    <!--left end-->

    <!--right start--> 
    <div class="layout-assist-wrap">           
        <layout-assist></layout-assist>            
    </div>
    <!--right end-->
        
    <div class="layout-main-wrap">          

        <!--main start-->
        <layout-main></layout-main>
        <!--main edn-->
    </div>
</div>
</template>
<script lang="ts">
    import {Component, Vue, Prop} from 'vue-property-decorator';
    import layoutAssist from '@/views/classic/LayoutAssist.vue';
    import layoutMain from '@/views/classic/LayoutMain.vue';
    import layoutSidebar from '@/views/classic/LayoutSidebar.vue';

    @Component({
        name: 'LayoutHome',
        components : {
            layoutAssist,
            layoutMain,
            layoutSidebar,
        },
    })
    export default class LayoutHome extends Vue {
      //  private layoutSize = '';
    }
</script>
<style lang="less" scoped>
    @import url('../../assets/css/Layout.less');
</style>